.tag {
	border-radius: 5px;
	padding: 1px 3px 1px 3px;
	margin-right: 5px;
	font-size: 12px;
	border: 1px solid;
	cursor:pointer;
	line-height: 31px;
	/* white-space: pre-wrap; */
}

.tag-large {
	font-size: 20px;
	border: 2px solid;
	line-height: 31px;
}

.tag-list {
	font-size: 16px;
	border: 2px solid;
	line-height: 31px;
    padding: 0vh 1vh;
}

/*
deep : 6 2 1
light : 1 2 5
*/

.tag-red-deep {
	background-color: #f5222d;
	border-color: #ffccc7;
	color: #fff1f0;
}
.tag-red-light {
	background-color: #fff1f0;
	border-color: #ffccc7;
	color: #ff4d4f;
}

.tag-orange-deep {
	background-color: #fa8c16;
	border-color: #ffe7ba;
	color: #fff7e6;
}
.tag-orange-light {
	background-color: #fff7e6;
	border-color: #ffe7ba;
	color: #ffa940;
}

.tag-yellow-deep {
	background-color: #fadb14;
	border-color: #ffffb8;
	color: #feffe6;
}
.tag-yellow-light {
	background-color: #feffe6;
	border-color: #ffffb8;
	color: #ffec3d;
}

.tag-green-deep {
	background-color: #52c41a;
	border-color: #d9f7be;
	color: #f6ffed;
}
.tag-green-light {
	background-color: #f6ffed;
	border-color: #d9f7be;
	color: #73d13d;
}

.tag-cyan-deep {
	background-color: #13c2c2;
	border-color: #b5f5ec;
	color: #e6fffb;
}
.tag-cyan-light {
	background-color: #e6fffb;
	border-color: #b5f5ec;
	color: #36cfc9;
}

.tag-blue-deep {
	background-color: #1677ff;
	border-color: #bae0ff;
	color: #e6f4ff;
}
.tag-blue-light {
	background-color: #e6f4ff;
	border-color: #bae0ff;
	color: #4096ff;
}

.tag-purple-deep {
	background-color: #722ed1;
	border-color: #efdbff;
	color: #f9f0ff;
}
.tag-purple-light {
	background-color: #f9f0ff;
	border-color: #efdbff;
	color: #9254de;
}

.tag-pink-deep {
	background-color: #eb2f96;
	border-color: #ffd6e7;
	color: #fff0f6;
}
.tag-pink-light {
	background-color: #fff0f6;
	border-color: #ffd6e7;
	color: #f759ab;
}

.tag-gray-deep {
	background-color: #595959;
	border-color: #f0f0f0;
	color: #f5f5f5;
}
.tag-gray-light {
	background-color: #f5f5f5;
	border-color: #f0f0f0;
	color: #8c8c8c;
}